<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <div>

    </div>
    <p></p>
</body>
<script>
    const box = document.querySelector('div');
    const data = new Date();

    function myDateFun() {
        //实例化 new
        //获得当前时间
        // console.log(data);
        //获得指定时间
        const data1 = new Date('2020-5-1 10:09:00');
        // console.log(data1);
        //日期对象方法
        // console.log(data.getFullYear());//年
        // console.log(data.getMonth());//取值为0-11 需要加1
        // console.log(data.getDate());//日
        // console.log(data.getDay());//星期0-6
        // console.log(data.getHours());//小时
        // console.log(data.getMinutes());//分钟
        // console.log(data.getSeconds());//秒
        let year = data.getFullYear();
        let month = data.getMonth() + 1;
        console.log(month);

        month < 10 ? '0' + month : month;
        let date = data.getDate();
        date < 10 ? '0' + date : date;
        let min = data.getMonth();
        min < 10 ? '0' + min : min;
        let se = data.getSeconds();
        se < 10 ? '0' + se : se;
        console.log(`${year}-${month}-${date}:${min}:${se}`);
        box.innerHTML = `${year}-${month}-${date}:${min}:${se}`;
    }
    //先调用一次，不会出现空白
    myDateFun();
    setInterval(function () {
        myDateFun();
    }, 1000)

    const p = document.querySelector('p');
    console.log(p);
    setInterval(function () {
        const data = new Date();
        //转化成本地化 日期时间字符串
        p.innerHTML = data.toLocaleString();
    }, 1000)







</script>

</html>